<template>
  <div class="tip">
    <!-- 常见科室 -->
    <div class="deparment">
      <div class="header">
        <div class="left">
          <svg
            t="1695538896296"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="4081"
            width="16"
            height="16"
          >
            <path
              d="M400.696008 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.984503 31.233352 31.233352 31.233352s31.233352-13.984503 31.233352-31.233352l0-30.470989C431.92936 143.078673 417.944857 129.093147 400.696008 129.093147z"
              fill="#13227a"
              p-id="4082"
            ></path>
            <path
              d="M623.647823 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.985526 31.233352 31.233352 31.233352 17.248849 0 31.233352-13.984503 31.233352-31.233352l0-30.470989C654.881175 143.078673 640.896672 129.093147 623.647823 129.093147z"
              fill="#13227a"
              p-id="4083"
            ></path>
            <path
              d="M425.695379 312.937269c11.209296 18.047028 41.974997 48.588625 86.152149 48.588625 43.958164 0 75.100442-30.308283 86.573751-48.223305 9.302877-14.528901 5.068436-33.846876-9.455349-43.149752-14.539134-9.307993-33.851992-5.063319-43.149752 9.455349-0.121773 0.198521-13.379729 19.449981-33.968649 19.449981-19.993357 0-32.428573-18.107403-33.271778-19.373233-9.17087-14.417361-28.28009-18.799158-42.829458-9.760295C421.089477 279.028994 416.591023 298.28557 425.695379 312.937269z"
              fill="#13227a"
              p-id="4084"
            ></path>
            <path
              d="M564.242851 625.945145l-20.278859 0L543.963992 462.486306c0-17.253966-13.985526-31.233352-31.233352-31.233352-17.248849 0-31.233352 13.979386-31.233352 31.233352l0 163.457816-20.283975 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L647.532813 709.234083C647.532813 663.309124 610.168834 625.945145 564.242851 625.945145zM585.066109 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L461.214337 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L440.392102 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L585.066109 812.258505z"
              fill="#13227a"
              p-id="4085"
            ></path>
            <path
              d="M250.808256 625.945145l-17.482163 0 0-266.970354c0-35.483142 28.864398-64.35368 64.343447-64.35368 17.248849 0 31.233352-13.984503 31.233352-31.233352s-13.985526-31.233352-31.233352-31.233352c-69.924559 0-126.810151 56.890708-126.810151 126.820384l0 266.970354-23.079648 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L334.099241 709.234083C334.098217 663.309124 296.734238 625.945145 250.808256 625.945145zM271.630491 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L147.778718 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L126.956484 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L271.630491 812.258505z"
              fill="#13227a"
              p-id="4086"
            ></path>
            <path
              d="M876.565113 625.945145l-21.961174 0 0-266.970354c0-69.929676-56.890708-126.820384-126.815267-126.820384-17.248849 0-31.233352 13.985526-31.233352 31.233352s13.984503 31.233352 31.233352 31.233352c35.483142 0 64.348564 28.869514 64.348564 64.35368l0 266.970354-18.605753 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.034655 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L959.856098 709.234083C959.854051 663.309124 922.490072 625.945145 876.565113 625.945145zM897.387347 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L773.530458 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L752.708224 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.034655 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L897.387347 812.258505z"
              fill="#13227a"
              p-id="4087"
            ></path>
          </svg>
          <span>常见科室</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg
            t="1695539080846"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="5167"
            width="16"
            height="16"
          >
            <path
              d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z"
              p-id="5168"
              fill="#7f7f7f"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>xxx</li>
          <li>xxx</li>
          <li>xxx</li>
          <li>xxx</li>
          <li>xxx</li>
        </ul>
      </div>
    </div>
    <!-- 公告通知 -->
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg
            t="1695539903350"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="6366"
            width="16"
            height="16"
          >
            <path
              d="M797.590945 780.01822c-6.070252 0-11.975752-3.133364-15.259542-8.750291-4.925173-8.420787-2.090615-19.22997 6.332219-24.15412 40.406269-23.622 74.28589-57.45148 97.961102-97.830119 24.3772-41.573861 37.262672-89.184205 37.262672-137.672546 0-48.073902-12.67774-95.325066-36.667108-136.648217-23.294542-40.116673-56.669674-73.887824-96.522334-97.652064-8.376785-4.990664-11.118222-15.83157-6.123464-24.208355 4.992711-8.372691 15.833617-11.119245 24.209378-6.122441 44.99375 26.835182 82.678024 64.959477 108.97597 110.252033 27.109428 46.705742 41.441854 100.084463 41.441854 154.379043 0 54.762231-14.561647 108.550275-42.113143 155.534356-26.733874 45.589314-64.979944 83.785242-110.603027 110.455671C803.68678 779.240507 800.620955 780.01822 797.590945 780.01822L797.590945 780.01822zM704.394357 665.60747c-6.070252 0-11.975752-3.12927-15.259542-8.746198-4.925173-8.41874-2.090615-19.23611 6.330172-24.15412 20.732184-12.119015 38.112016-29.476335 50.257637-50.193169 12.503778-21.319561 19.10922-45.736671 19.10922-70.609151 0-24.658609-6.500041-48.8905-18.805298-70.081125-11.946077-20.579711-29.070082-37.907355-49.514717-50.101071-8.378831-4.991688-11.116175-15.83157-6.123464-24.207331 4.996804-8.373715 15.835663-11.115152 24.207331-6.119371 25.586748 15.256472 47.01785 36.94033 61.9704 62.696947 15.423271 26.568099 23.577998 56.936757 23.577998 87.812975 0 31.149441-8.284687 61.739133-23.959691 88.470961-15.198144 25.927509-36.948517 47.64616-62.893422 62.817698C710.488145 664.827711 707.418226 665.60747 704.394357 665.60747L704.394357 665.60747zM566.925449 906.136615c-31.956829 0-63.730487-21.708418-68.219731-24.8909l-33.998325-23.716144c-7.995091-5.575995-9.958816-16.579607-4.38282-24.581861 5.581112-7.999185 16.584724-9.957793 24.584931-4.38282l34.19787 23.852244c8.958022 6.328126 38.501896 23.121604 55.770188 17.244756 6.217608-2.118244 12.101619-4.115738 12.81691-36.707017L587.694471 191.876052c-1.828648-30.618345-8.368598-33.580816-15.926738-37.006845-16.133446-7.308453-43.536562 9.978259-51.861158 16.614399l-0.455371 0.352017L308.919257 329.447291c-47.357588 38.544875-111.886253 36.931121-119.159914 36.610826-44.834114 0.202615-82.775238 33.994232-88.422865 78.798671l-1.222851 12.138458 0 110.508883 1.222851 12.146645c5.662977 44.900629 43.759643 78.749552 88.722694 78.797647 0.6191-0.010233 1.238201-0.010233 1.853208-0.010233 60.969607 0 111.988584 33.446763 114.15083 34.883485 3.284813 2.199085 79.546707 53.988612 119.461789 140.396587 4.091178 8.849552 0.228197 19.346627-8.625448 23.431665-8.850575 4.086062-19.34151 0.229221-23.432689-8.623401-35.223223-76.257801-104.660688-124.231419-106.968244-125.807311-1.663896-1.079588-46.193065-29.547966-96.124268-28.963659l-0.207731 0.004093c-62.863746 0-116.127857-47.269583-123.895775-109.955274l-0.050142-0.407276-1.422396-14.117532 0-114.057709 1.471514-14.525831c7.766894-62.681598 61.032028-109.952204 123.895775-109.952204l0.981351 0.029676c0.528026 0.022513 57.3031 2.548032 95.707782-28.900214l0.604774-0.469698L498.097874 143.706983c1.964748-1.539053 12.831236-9.857509 27.221991-16.547885 22.880103-10.637268 43.9817-12.178367 61.022819-4.453429 8.647961 3.917216 17.626449 9.086959 24.672936 20.279882 6.941086 11.023054 10.742668 26.069749 11.965519 47.362704l0.029676 1.010003 0 641.97626-0.00614 0.188288c-0.595564 27.813462-3.975545 58.421574-36.755112 69.568449C579.95009 905.237129 573.434699 906.136615 566.925449 906.136615L566.925449 906.136615z"
              fill="#7f7f7f"
              p-id="6367"
            ></path>
          </svg>
          <span> 平台公告 </span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg
            t="1695539080846"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="5167"
            width="16"
            height="16"
          >
            <path
              d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z"
              p-id="5168"
              fill="#7f7f7f"
            ></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>xxx</li>
          <li>xxx</li>
          <li>xxx</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.tip {
  color: #7f7f7f;
  font-size: 12px;
  .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .left,
    .right {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
  }
  .deparment {
    .content {
      ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }
      ul li {
        width: 48%;
        margin: 5px 0;
      }
    }
  }

  .notice {
    margin-top: 10px;
    .content {
      ul li {
        margin: 5px 0;
      }
    }
  }
}
</style>
